import {createRouter, createWebHistory} from "vue-router";
// import {useStore} from '@/pinia'
// const store = useStore()

const routes = [
  // 404
  {
    path: '/:catchAll(.*)',
    name: '404',
    component: () => import('@/page/auth/404.vue')
  },
  // 未授权状态
  {
    path: '/unauthorized',
    name: 'unauthorized',
    component: () => import('@/page/auth/unauthorized.vue')
  },
  // 登录页面
  {
    path: '/login',
    name: 'login',
    component: () => import('@/page/auth/Login.vue')
  },
  // 业务
  {
    path: '/warehouse',
    name: 'index',
    component: () => import('@/page/Index.vue'),
    children: []
  }
]


// {
//   path: '/index',
//   name:'index',
//   component: () => import('../page/Index.vue')
// },
// {
//   path: '/user',
//   name:'user',
//   component: () => import('../components/UserPage.vue'),
//   // 嵌套路由使用children
//   children:[
//     {
//       path: '/user/A',
//       name:'PageA',
//       // 同一个路由使用多个组件，要用 components
//       components:{
//         default: () => import('../page/PageA.vue'),
//         PageC: () => import('../page/PageC.vue')
//       }
//     },
//     {
//       path: '/user/B',
//       name:'PageB',
//       component: () => import('../page/PageB.vue')
//     }
//   ]
// },


const router = createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: createWebHistory(),
  routes: routes, // `routes: routes` 的缩写
})


export default router